<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // 作用域链：内部函数访问外部函数的变量，采取的是链式查找的方式来取决于哪个值，这种结构我们称作作用域链   就近原则
    // 只要是函数里面就至少有一个作用域
    var num = 10;
    function fn () {  // 外部函数
      var num = 20;

      function fun () { // 内部函数
        console.log(num);  // 站在目标出发，一层一层往外查找
      }
      fun();
    }
    fn();
  </script>
</head>

<body>

</body>

</html>